<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>登陆面</title>
    <link rel="icon" href="网页图\d6e39fac98f14de2e3213793ec32fac.jpg">
    <style >
        body {
           margin:90px;
            height: 700px;
            padding: 0;
            box-sizing: border-box;
            background-color: darkturquoise;
            background-image:url(https://img.zmtc.com/2019/0815/20190815113421792.jpg);
            background-repeat: no-repeat;
            background-size:cover ;
        }
 
        #maxbox {
            margin: 0 auto;
            margin-top: 200px;
            padding: 20px, 50px;
            background-color: #00000090;
            background-attachment: fixed;
            text-align: center;
            width: 600px;
            height: 400px;
            border-radius: 10px;
            
        }
 
        #maxbox h1 {
            padding: 0;
            padding-top: 60px;
            color: white;
            font-size: 30px;
            padding-bottom: 4px;
            border-bottom: solid 1px white;
        }
 
        #maxbox .inputbox {
            margin-top: 25px;
 
        }
 
        #maxbox .inputText {
            margin-top: 20px;
 
        }
 
        #maxbox .inputText span {
            color: white;
            font-size: 18px;
 
 
        }
 
        #maxbox .inputText input {
            border: 0;
            padding: 6px;
            border-bottom: 1px solid white;
            /*这里的00表示不透明度为0，即透明显示*/
            background-color: #FFFFFF00;
            color: white;
        }
 
        #maxbox .inputbox .inputButton {
            margin: 0;
            border: 0;
            margin-top: 20px;
            width: 110px;
            height: 25px;
            border-radius: 25px;
            color: white;
            background-color: #3498db;
        }
 
        #sign_up {
            margin-top: 50px;
            color: white;
            font-size: 17px;
        }
 
        #sign_up a {
            color: #3498db;
        }
   
    </style>
</head>
 
<body >
    <div id="maxbox">
        <h1>登陆界面</h1>
        <form action="login.do" method="get"></form>
        <div class="inputbox">
            <form  action="login.do" method="post">
                <div class="inputText">
                    <span class="iconfont icon-mine"></span>
                    <input class="username" type="text" placeholder="用户名" name="username" style="color:while" />
                </div>
                <div class="inputText">
                    <span class="iconfont icon-lock"></span>
                    <input type="password" placeholder="密码" name="password" style="color:white" />
                </div>
                <input class="inputButton" type="submit" value="登录" />
                &nbsp; &nbsp; &nbsp;
                <a href ="register.html">
                <button class="inputButton" type="button">注册</button>
                </a>
            </form>
        </div>
    </div>
</body>

</html>